<template>
  <view class="md">
    <nut-input
      class="search"
      v-model="state.text"
      placeholder="请输入承运单号/发货人手机/收货人手机"
    >
      <template #right>
        <image
          style="width: 30rpx; height: 30rpx"
          src="@/assets/images/homePage/shouye_icon_sousuo.png"
        />
      </template>
    </nut-input>
    <view @click="screen">
      <image class="screen" v-show="state.tp" src="@/assets/images/homePage/shaixuan1.png" />
      <image class="screen" v-show="!state.tp" src="@/assets/images/homePage/shaixuan2.png" />
    </view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";

const state = ref({
  text: "",
  tp:true,
  tab1value:'0',
});
const screen = () => {
        state.value.tp = !state.value.tp
}
</script>

<style>
.nut-input {
  width: 80%;
  border-radius: 55rpx;
  background-color: #f5f5f5;
  margin-left: 30rpx;
}

:root,
page {
  --nut-input-font-size: 25rpx;
}
.screen {
  width: 100rpx;
  height: 60rpx;
  margin-left: 10rpx;
}
.md {
  display: flex;
  align-items: center;
}

</style>
